<%@ page language="java" contentType="text/html; charset=utf-8"pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>技师类型管理</title>
		<link href="<c:url value="/resources/css/style.css" />" rel="stylesheet" type="text/css">
		<link href="<c:url value="/resources/css/default/easyui.css" />" rel="stylesheet" type="text/css">
		<link href="<c:url value="/resources/css/icon.css" />" rel="stylesheet" type="text/css">
		<script type="text/javascript" src="<c:url value="/resources/js/jquery-1.7.2.js" />"></script>
		<script type="text/javascript" src="<c:url value="/resources/js/jquery.easyui.min.js" />"></script>
		<script type="text/javascript" src="<c:url value="/resources/js/easyui-lang-zh_CN.js" />"></script>
		<script type="text/javascript">
			function onReset(){
				$("#workerTypeName").val('');
				$("#printerNo").val('');
			}
			
			function onQuery(){				
				$('#workerTypeTable').datagrid({
					url: 'queryWorkerType.do',
					pageNumber:1,				
					queryParams:{workerTypeName:$("#workerTypeName").val(),						
						printerNo:$.trim($('#printerNo').val())}
				});
			}
		</script>
	</head>
	
	<body>
		<table id="workerTypeTable" class="easyui-datagrid" title="技师类型列表" style="width:700px;height:250px;"
 			data-options="rownumbers:true,singleSelect:true,toolbar:'#tb', border:false,singleSelect:true,
 					fit:true,fitColumns:true,pagination:true,url:'queryWorkerType.do'">
			<thead>
				<tr>
					<th data-options="field:'worker_type_name',width:80,align:'center'">技师类型</th>
					<th data-options="field:'seq',width:120,align:'center'">显示顺序</th>
					<th data-options="field:'printer_no',width:120,align:'center'">派工打印机</th>
				</tr>
			</thead>
		</table>
		
		<div id="tb" style="padding:5px;height:auto">
			<div style="margin-bottom:5px">
				<a href="initAddWorkerType" class="easyui-linkbutton" iconCls="icon-add" plain="true">新增</a>
				<a href="#" class="easyui-linkbutton" iconCls="icon-edit" plain="true"></a>
				<a href="#" class="easyui-linkbutton" iconCls="icon-save" plain="true"></a>
				<a href="#" class="easyui-linkbutton" iconCls="icon-cut" plain="true"></a>
				<a href="#" class="easyui-linkbutton" iconCls="icon-remove" plain="true"></a>
			</div>
			
			<form id="queryWorkerTypeForm" name="queryWorkerTypeForm" action="queryWorkerType" method="post">
			<div>
				技师类型名称: <input class="easyui-validatebox" name="workerTypeName" id="workerTypeName" style="width:100px">
				&nbsp;&nbsp;&nbsp;&nbsp;
				派工打印机: <input class="easyui-numberbox"  type="text" name="printerNo" id="printerNo"  style="width:100px"/>
				&nbsp;&nbsp;
				<a href="#" class="easyui-linkbutton" id="searchBtn" style="text-align: center" onclick="onQuery()">查询</a>
				<a href="#" class="easyui-linkbutton" id="resetBtn" style="text-align: center" onclick="onReset()">清空</a>
			</div>
			</form>
		</div>
	</body>
</html>